@import './Common.less';

.SwitchTab {
    background-color: white;
    display: flex;
    justify-content: space-between;

    .itemBox {
        flex: 1;
        height: 2rem;
        position: relative;

        .itemTitle {
            .absoluteCenter();
            color: #666666;
            font-size: 0.6rem;
            transition: 0.1s all;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 90%;
            text-align: center;
        }

        &.act {
            .itemTitle {
                color: @color-text-theme;
                font-size: 0.7rem;
                font-weight: bold;
            }
        }

        &:not(:first-child)::before {
            content: '';
            display: block;
            .absoluteLeft();
            width: 1px;
            height: 50%;
            background-color: #DFDFDF;
        }
    }
}
